<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情页</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/nav_footer.css">
    <link rel="stylesheet" href="../css/details.css">
    <link rel="stylesheet" href="../css/swiper-bundle.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2550957_xzkegiqk36.css">
</head>

<body>
    <nav>
        <div class="main flex flex-jb">
            <div class="nav-l flex">
                <a href="javascript:;">首页</a>
                <a href="javascript:;">华为官网</a>
                <a href="javascript:;">花粉俱乐部</a>
                <a href="javascript:;">V码(优购码)</a>
                <a href="javascript:;">企业购</a>
                <a href="javascript:;">Select Region</a>
                <div class="f-more-link">
                    <a href="javascript:;">更多精彩</a>
                    <span class="iconfont icon-jiantou-copy-copy icon-jiantou-copy-copy-top"></span>
                    <span class="iconfont icon-arrow-left-copy-copy icon-arrow-left-copy-copy-top"></span>
                    <ul class="more-link-ul">
                        <li>
                            <a href="javascipt:;">EMUI</a>
                        </li>
                        <li>
                            <a href="javascipt:;">应用市场</a>
                        </li>
                        <li>
                            <a href="javascipt:;">华为终端云空间</a>
                        </li>
                        <li>
                            <a href="javascipt:;">开发者联盟</a>
                        </li>
                    </ul>
                </div>

            </div>
            <div class="nav-r">
                <a href="javascript:;">请登录</a>
                <a href="javascript:;">注册 |</a>
                <a href="javascript:;">我的订单 |</a>
                <a href="javascript:;">客户服务 |</a>
                <a href="javascript:;">网站导航 |</a>
                <a href="javascript:;">手机版 |</a>
                <a href="javascript:;">购物车</a>
            </div>
        </div>
    </nav>

    <header>
        <div class="main flex flex-jb">
            <div class="header-l flex flex-ja">
                <div class="logo-mall">
                    <img src="../img/logomall.png" alt="">
                </div>
                <div class="huawei-item">
                    <img src="../img/huaweiitem.png" alt="">
                </div>
                <div class="header-nav">
                    <a href="javscript:;">莫塞尔专区</a>
                    <a href="javscript:;">华为智选</a>
                    <a href="javscript:;">智能家居</a>
                    <a href="javscript:;">福利中心</a>
                </div>
            </div>
            <div class="header-r">
                <input type="text" class="header-search" placeholder="请输入商品名称">
                <span class="iconfont icon-sousuo"></span>
            </div>
        </div>
    </header>

    <div class="details-title">
        <div class="main">
            <ul class="flex details-title-nav">
                <li>
                    <a href="javascipt:;">首页</a> &nbsp;>&nbsp;
                </li>
                <li>
                    <a href="javascipt:;">耳机音箱</a> &nbsp;>&nbsp;
                </li>
                <li>
                    <a href="javascipt:;">真无线耳机</a> &nbsp;>&nbsp;
                </li>
                <li>【新品】HUAWEI FreeBuds 4i 无线耳机（碳晶黑）主动降噪 通话降噪 环境音透传 10小时连续播放 快充长续航 纯净音质</li>
            </ul>
            <div class="details-content flex">
                <div class="details-conten-l">
                    <div>
                        <img src="../img/detailsitem1.png" alt="">
                    </div>
                    <div class="swiper-sm-wrap">
                        <div class="swiper-container" id="swiper-sm">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"><img src="../img/detailsitems10.png" alt=""></div>
                                <div class="swiper-slide"><img src="../img/detailsitems9.png" alt=""></div>
                                <div class="swiper-slide"><img src="../img/detailsitems8.png" alt=""></div>
                                <div class="swiper-slide"><img src="../img/detailsitems7.png" alt=""></div>
                                <div class="swiper-slide"><img src="../img/detailsitems6.png" alt=""></div>
                                <div class="swiper-slide"><img src="../img/detailsitems5.png" alt=""></div>
                                <div class="swiper-slide"><img src="../img/detailsitems4.png" alt=""></div>
                                <div class="swiper-slide"><img src="../img/detailsitems3.jpg" alt=""></div>
                                <div class="swiper-slide"><img src="../img/detailsitems2.jpg" alt=""></div>
                                <div class="swiper-slide"><img src="../img/detailsitems1.jpg" alt=""></div>
                            </div>
                        </div>
                        <!-- Add Arrows -->
                        <div class="swiper-button-next swiper-sm-r"></div>
                        <div class="swiper-button-prev swiper-sm-l"></div>
                    </div>
                </div>

                <div class="details-content-r">
                    <h2>【新品】HUAWEI FreeBuds 4i 无线耳机（碳晶黑）主动降噪 通话降噪 环境音透传 10小时连续播放 快充长续航 纯净音质</h2>
                    <div class="price-sale">
                        <div class="price flex">
                            <span>价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</span>
                            <span>&yen;499.00</span>
                        </div>
                        <div class="sale flex">
                            <span>促&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销</span>
                            <span>一站式换新</span>
                            <span>以旧换新最高补贴300元</span>
                        </div>
                        <div class="fenqi flex">
                            <span>分期免息</span>
                            <span>银联、花呗、掌上生活、工行分期支付可享免息（免息活动适用于单款免息商品订单，含多款商品订单仅在免息活动一致时可享用） </span>
                        </div>
                        <div class="jifen flex">
                            <span>赠送积分</span>
                            <span>购买即赠商城积分，积分可抵现~</span>
                        </div>
                    </div>
                    <ul class="service-info flex">
                        <li>服务说明</li>
                        <li>
                            安徽 > 合肥 > 庐阳区
                            <span class="iconfont icon-jiantou-copy-copy"></span>
                        </li>
                        <li>现货，今天21:59前付款，预计5月19日（周三）送达</li>
                    </ul>
                    <ul class="transport-free flex">
                        <li>
                            <span class="iconfont icon-yixuanze"></span> 已满48元已免运费
                        </li>
                        <li>
                            <span class="iconfont icon-yixuanze"></span> 由华为商城提供商品、发货开票及售后服务
                        </li>
                    </ul>
                    <ul class="good-code flex">
                        <li>商品编码</li>
                        <li>3102050028802</li>
                    </ul>
                    <hr>
                    <ul class="select-color flex">
                        <li>选择颜色</li>
                        <li><img src="../img/40_40_711F9B10AC6F7C28739F8C8F281BE9C8931C9A9CB34DA514mp.png" alt=""> 陶瓷白
                        </li>
                        <li><img src="../img/40_40_711F9B10AC6F7C28739F8C8F281BE9C8931C9A9CB34DA514mp.png" alt="">碳晶黑</li>
                        <li><img src="../img/40_40_711F9B10AC6F7C28739F8C8F281BE9C8931C9A9CB34DA514mp.png" alt="">蜜语红</li>
                    </ul>
                    <ul class="select-platform flex">
                        <li>选择版本</li>
                        <li>官方标配</li>
                        <li>设计师版</li>
                    </ul>
                    <ul class="installment flex">
                        <li>分期免息</li>
                        <li>花呗分期<span class="iconfont icon-jiantou-copy-copy"></span></li>
                        <li>掌上生活分期<span class="iconfont icon-jiantou-copy-copy"></span></li>
                    </ul>
                    <div class="select-more flex">
                        <p class="select-more-l">推荐</p>
                        <ul class="select-more-r flex flex-w">
                            <li>HUAWEI FreeLace Pro 无线耳机</li>
                            <li>HUAWEI FreeLace 无线耳机</li>
                            <li>MOMAX HUAWEI FreeBuds 4i 无线耳机保护套</li>
                            <li>咪咕 HUAWEI Freebuds 4i无线耳机保护套</li>
                        </ul>
                    </div>
                    <ul class="select-checked flex">
                        <li>已选择商品</li>
                        <li>碳晶黑 / 官方标配</li>
                    </ul>
                    <div class="flex">
                        <div class="goods-buying flex">
                            <input type="text" value="1" placeholder="1">
                            <p class="flex flex-dir">
                                <a href="javascript:;">+</a>
                                <a href="javascript:;">-</a>
                            </p>
                        </div>
                        <div class="goods-buying-btn">
                            <button>加入购物车</button>
                            <button>立即下单</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="hengxian"></div>
        <ul class="introduce-anchor flex flex-jc">
            <li>
                <a href="JavaScript:;">商品详情</a>
            </li>
            <li>
                <a href="JavaScript:;">规格参数</a>
            </li>
            <li>
                <a href="JavaScript:;">包装与售后</a>
            </li>
            <li>
                <a href="JavaScript:;">用户评价</a>
            </li>
        </ul>
        <!-- 以下是商品详情图片内容 -->
        <div class="introduce">
            <img src="../img/intro1.jpg" alt="">
            <img src="../img/intro2.jpg" alt="">
            <img src="../img/intro3.jpg" alt="">
            <img src="../img/intro4.jpg" alt="">
            <img src="../img/intro5.jpg" alt="">
            <img src="../img/intro6.jpg" alt="">
            <img src="../img/intro7.jpg" alt="">
        </div>

        <!-- 以下是规格参数表 -->
        <div class="characteristics main">
            <div>
                <p>规格参数</p>
                <table>
                    <tr>
                        <td>主体</td>
                        <td>品牌</td>
                        <td>华为 HUAWEI</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>型号</td>
                        <td>T0001</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>规格</td>
                        <td>蓝牙</td>
                        <td>蓝牙 5.2</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>充电时间</td>
                        <td>盒子给耳机充电：60分钟；空盒有线充电：90分钟</td>
                        <td>备注：数据来源于华为实验室，实际使用情况根据不同使用环境和使用习惯等可能有所差异。</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>功能</td>
                        <td>两侧耳机均内置电容式触摸感应器件，轻点两下/长按即可实现耳机/手机的操控，其他可选功能可以在智慧生活app或EMUI 11.0及以上版本手机设置。 左右耳机轻点两下： 默认功能： 1、音乐模式：播放/暂停；2、通话模式：接听/挂断。左右耳机长按功能：1、设置降噪模式：降噪、透传、关闭。可选功能（在智慧生活app或EMUI 11.0及以上版本手机设置。） 左/右耳机轻点两下：1、播放/暂停；2、下一首；3、上一首。左/右耳机长按功能：降噪控制。
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>电池容量</td>
                        <td>耳机：55 mAh（最小值）；充电盒：215mAh</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>音乐播放和通话时长</td>
                        <td>聆听音乐时长：7.5小时（降噪开）；10小时（降噪关），语音通话时长：5.5小时（降噪开）；6.5小时（降噪关）</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>传感器</td>
                        <td>触控交互：两侧耳机均内置电容式触摸感应器件；佩戴检测；开关盖检测。</td>
                        <td></td>
                    </tr>
                </table>
                <ul class="property flex">
                    <li>属性</li>
                    <li>尺寸</li>
                    <li>充电盒：高*宽*厚：48.0mm*61.8mm*27.5mm；耳机：高*深*宽：37.5mm*23.9mm*21mm（含默认M耳套）</li>
                    <li>备注：受产品配置和制造工艺影响，实际机身尺寸或有差异，请以实物为准。</li>
                </ul>
                <ul class="weight flex">
                    <li>重量</li>
                    <li>耳机：5.5g；充电盒：36.5g（不含耳机）</li>
                    <li>备注：受产品配置和制造工艺影响，实际机身重量或有差异，请以实物为准。</li>
                </ul>
                <ul>
                    <li>软件名称</li>
                    <li>华为终端音频器控制软件V1.0</li>
                </ul>
                <ul>
                    <li>商品编码</li>
                    <li>3102050028802</li>
                </ul>
                </ul>
            </div>
            <div>
                <p>包装</p>
                <ul class="flex">
                    <li>耳机X 1对</li>
                    <li>充电盒X 1</li>
                    <li>耳塞（含耳机自带）X 3</li>
                    <li>USB-C 充电线X 1</li>
                    <li>快速指南 X 1</li>
                    <li>安全信息说明 X 1</li>
                    <li>保修卡 X 1</li>
                </ul>
            </div>
            <div>
                <p>售后服务</p>
                <ul>
                    <li>本产品全国联保，享受三包服务，质保期为：一年质保</li>
                    <li>如因质量问题或故障，凭厂商维修中心或特约维修点的质量检测证明，享受7天内退货，15日内换货，15日以上在质保期内享受免费保修等三包服务！</li>
                    <li>售后服务电话：950800</li>
                    <li>华为消费者BG官网： https://consumer.huawei.com/cn/</li>
                </ul>
            </div>
            <ul>
                <li>*因可能存在系统缓存，页面更新导致价格变动异常等不确定性情况出现，如您发现活动商品标价或促销信息有异常，请您立即联系我们，以便我们及时补正。</li>
                <li>以上页面中的产品图片及屏幕内容仅作示意，实物产品效果（包括但不限于外观、颜色、尺寸）和屏幕显示内容（包括但不限于背景、UI、配图）可能略有差异，请以实物为准。</li>
                <li>*以上页面中的数据为理论值，均来自华为内部实验室，于特定测试环境下所得（请见各项具体说明），实际使用中可能因产品个体差异、软件版本、使用条件和环境因素不同略有不同，请以实际使用的情况为准。</li>
                <li>*为提供尽可能准确的产品信息、规格参数、产品特性，华为可能实时调整和修订以上页面中的文字表述、图片效果等内容，以求与实际产品性能、规格、指数、零部件等信息相匹配，由于产品批次和生产供应因素实时变化，如遇确有进行上述修改和调整必要的情形，恕不专门通知。</li>
                <li>*华为商城评价规则： https://www.vmall.com/help/faq-11820.html</li>
            </ul>


        </div>

        <!-- 以下是用户评价内容 -->
        <div class="evaluation main">
            <div>
                <p>98<span>%</span></p>
                <p>好评度</p>
            </div>
            <ul class="flex">
                <li><a href="javascript:;">最热门(4300+)</a></li>
                <li><a href="javascript:;">有内容(1万+)</a></li>
                <li><a href="javascript:;">有图(8800+)</a></li>
                <li><a href="javascript:;">有视频(130+)</a></li>
                <li><a href="javascript:;">全部</a></li>
                <li><input type="checkbox">只看当前商品评价</li>
            </ul>
            <div>
                <div>
                    <img src="" alt="">
                    <p>M*</p>
                </div>
                <div>
                    <div>
                        <img src="" alt="">
                        <span>2021-05-17 12:53:21</span>
                        <span>点赞</span>
                    </div>
                    <div>
                        能透传，能降噪，佩戴舒适，跑步也不会松动，声音效果很不错~值得拥有~
                    </div>
                    <div>
                        <img src="" alt="">
                    </div>
                    <div>
                        <div>
                            <img src="" alt="">
                        </div>
                        <div>
                            <p>华为商城客服</p>
                            <p>雨打相思，风再续别离，沉沉的天幕，铺满不舍的情绪，总有谁，会靠近天际，然后喃喃的喃喃的，心里眼里就写满了你。</p>
                            <div>
                                <span>点赞</span>赞客服(0)
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 以下是购买咨询内容 -->
        <div class="main">
            <div>
                <p>购买咨询</p>
            </div>
            <ul>
                <li><a href="JavaScript:;">全部咨询</a></li>
                <li><a href="JavaScript:;">常见问题</a></li>
                <li><a href="JavaScript:;">商品咨询</a></li>
                <li><a href="JavaScript:;">支付</a></li>
                <li><a href="JavaScript:;">配送</a></li>
                <li><a href="JavaScript:;">售后</a></li>
            </ul>
            <div>
                <div>
                    温馨提示：因产品线可能随时更改商品包装、产地、附配件等未及时通知，且不同时间段活动内容不同，且每位咨询者购买、提问时间等不同。为此，客服给到的回复仅针对回复当天有效，其他网友仅供参考。给您带来的不便还请谅解，谢谢。
                </div>
            </div>
            <div>
                <p>网友： 王***亮 <span>2021-04-26 11:08:51</span></p>
                <p>咨询内容：苹果手机支持吗</p>
                <p>
                    回复：尊敬的用户，您好！HUAWEI FreeBuds 4i 无线耳机支持蓝牙5.2协议，并向下兼容。可以和所有支持蓝牙协议的手机（安卓/iOS），平板，笔记本，手表，智慧屏等蓝牙设备完成基本的蓝牙配对连接、触控、语音助手、微信和QQ 语音和视频通话 、降噪等基本功能。（以上基本功能取决于蓝牙设备端是否支持。）感谢您的支持，若有任何疑问，请您联系商城客服，祝您生活愉快！
                </p>
                <p>2021-04-26 16:04:17</p>
            </div>
        </div>
        <div>
            <div>我要咨询</div>
        </div>

        <!-- 以下是浏览记录内容 -->
        <div class="main">
            <p>— 浏览记录 —</p>
            <div class="flex">
                <div>
                    <img src="" alt="">
                    <p>HUAWEI FreeLace Pro 无线耳机</p>
                    <p>&yen;599</p>
                </div>
                <div>
                    <img src="" alt="">
                    <p>HUAWEI FreeLace Pro 无线耳机</p>
                    <p>&yen;599</p>
                </div>
                <div>
                    <img src="" alt="">
                    <p>HUAWEI FreeLace Pro 无线耳机</p>
                    <p>&yen;599</p>
                </div>
                <div>
                    <img src="" alt="">
                    <p>HUAWEI FreeLace Pro 无线耳机</p>
                    <p>&yen;599</p>
                </div>
                <div>
                    <img src="" alt="">
                    <p>HUAWEI FreeLace Pro 无线耳机</p>
                    <p>&yen;599</p>
                </div>
                <div>
                    <img src="" alt="">
                    <p>HUAWEI FreeLace Pro 无线耳机</p>
                    <p>&yen;599</p>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="main">
            <div class="footer-top flex flex-je">
                <p><span></span>百强企业 品质保证</p>
                <p><span></span>7天退货 15天换货</p>
                <p><span></span>48元起免运费</p>
                <p><span></span>2000家服务店 全国联保</p>
            </div>
            <div class="footer-content flex flex-jb">
                <div class="footer-content-l flex">
                    <ul>
                        <li>购物相关</li>
                        <li><a href="javascipt:;">购物指南</a></li>
                        <li><a href="javascipt:;">配送方式</a></li>
                        <li><a href="javascipt:;">支付方式</a></li>
                        <li><a href="javascipt:;">常见问题</a></li>
                    </ul>
                    <ul>
                        <li>保修与退换货</li>
                        <li><a href="javascipt:;">保修政策</a></li>
                        <li><a href="javascipt:;">退换货政策</a></li>
                        <li><a href="javascipt:;">保修状态查询</a></li>
                        <li><a href="javascipt:;">配件防伪查询</a></li>
                    </ul>
                    <ul>
                        <li>维修与技术支持</li>
                        <li><a href="javascipt:;">服务店</a></li>
                        <li><a href="javascipt:;">预约维修</a></li>
                        <li><a href="javascipt:;">手机寄修</a></li>
                        <li><a href="javascipt:;">备件价格查询</a></li>
                        <li><a href="javascipt:;">上门服务</a></li>
                    </ul>
                    <ul>
                        <li>特色服务</li>
                        <li><a href="javascipt:;">防伪查询</a></li>
                        <li><a href="javascipt:;">补购保障</a></li>
                        <li><a href="javascipt:;">以旧换新</a></li>
                        <li><a href="javascipt:;">礼品包装</a></li>
                    </ul>
                    <ul>
                        <li>关于我们</li>
                        <li><a href="javascipt:;">公司介绍</a></li>
                        <li><a href="javascipt:;">华为商城简介</a></li>
                        <li><a href="javascipt:;">华为零售店</a></li>
                        <li><a href="javascipt:;">商家中心</a></li>
                        <li><a href="javascipt:;">意见反馈</a></li>
                    </ul>
                    <ul>
                        <li>友情链接</li>
                        <li><a href="javascipt:;">华为集团</a></li>
                        <li><a href="javascipt:;">华为CBG官网</a></li>
                        <li><a href="javascipt:;">花粉俱乐部</a></li>
                        <li><a href="javascipt:;">华为云</a></li>
                        <li><a href="javascipt:;">华为应用市场</a></li>
                    </ul>
                </div>
                <div class="footer-content-r">
                    <p>950805</p>
                    <p>7x24小时客服热线（仅收市话费）</p>
                    <div class="userService-f">
                        在线客服
                    </div>
                    <ul class="focus flex">
                        <li>
                            关注Vmall：
                        </li>
                        <li>
                            <div>
                                <img src="../img/O3KMTpn7HHJrc3oZjphy.png" alt="">
                            </div>
                        </li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="footer-bottom-l">
                    <div class="v-mall-footer">
                        <a href="javascipt:;">
                            <img src="../img/footer2.png" alt="">
                        </a>
                    </div>
                    <ul class="footer-bottom-l-first flex">
                        <li>
                            <a href="javascript:;">华为集团 |</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;华为CBG官网 |</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;花粉俱乐部 |</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;华为应用市场 |</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;EMUI |</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;华为终端云空间 |</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;开发者联盟 |</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;华为商城手机版 |</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;网站地图</a>
                        </li>
                    </ul>
                    <ul class="flex">
                        <li>
                            <a href="javascript:;">隐私声明</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;服务协议</a>
                        </li>
                        <li>
                            <a href="javascript:;">&nbsp;Cookies</a>
                        </li>
                        <li>
                            Copyright © 2012-2021 华为终端有限公司 版权所有
                        </li>
                        <li>
                            <a href="javascript:;">粤ICP备19015064号 |</a>
                        </li>
                        <li>
                            <a href="javascript:;">粤公网安备 44190002003939号</a>
                        </li>
                    </ul>
                    <p>
                        增值电信业务经营许可证：粤B2-20190762|备案主体编号：44201919072182|粤新出网备（2021）2号
                    </p>
                    <div>
                        <a href="javascript:;">互联网药品信息服务资格证（粤）-非经营性-2020-0102 |</a>
                        <span>粤东食药监械经营备 20203930</span>
                    </div>
                    <div class="footer-bottom-r">
                        <a href="javascipt:;">
                            <img src="../img/footer1.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</body>
<script src="../js/swiper-bundle.js"></script>
<script src="../js/jquery.js"></script>
<script src="../js/details.js"></script>

</html>